<script setup lang="ts">
	import type { ILocationBreed } from '@/simba/types/plant.d';
	
	const props = defineProps<{
		list: ILocationBreed[],
		type: String,
	}>()
</script>

<template>
	<view class="spl-content">
		<view v-for="(item, index) in list" :key="index" style="display: flex; flex-direction: column;">
			<view class="content-item">
				<!-- <navigator :url="'/pages/plant/locBreed/locBreedEdit?type='+ type +'&id='+ item.id"> -->
					<view class="detail">	
<!-- 					<up-image :show-loading="true" :src="item.url" radius= 10 width="100rpx" height="100rpx"></up-image> -->
						<view class="detail-de">
							<view>{{item.name}}</view>
						</view>
					</view>
				<!-- </navigator> -->
				<view class="item-op">
					<slot name="ItemOp" :obj="item"></slot>
				</view>
			</view>
			<up-divider :hairline="true"></up-divider>
		</view>
	</view>
</template>

<style lang="scss" scoped>
.spl-content{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		// border: 1rpx red solid;
		.content_head{
			width: 100%;
			display: flex; 
			flex-direction: row; 
			justify-content: space-between;
			// border: 1rpx red solid;
		}
		.content-item{
			height: 100%; 
			display: flex; 
			flex-direction: row; 
			align-items: center; 
			justify-content: space-between;
			margin: 20rpx 10rpx 20rpx 10rpx;
			// border: 1rpx rgb(0, 255, 21) solid;
			.detail{
				width: 100%; 
				display: flex;
				flex-direction: row; 
				align-items:center;
				// border: 1rpx blue solid;
				.detail-de{
					width: 100%;
				}
			}
			.item-op{
				height: 100%; 
				width: auto;
				display: flex; 
				flex-direction: row; 
				justify-content: space-between;
				// border: 1rpx red solid;
			}
		}
	}
</style>
